*{
	padding: 0;
	margin: 0;
}
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
#box{
	// margin: 0 auto;
	width: 100%;
	.px2rem(height,3000);
    background: 1px solid black;
    .div11{
    	.px2rem(height,870);
    	.px2rem(margin-top,50);
    	display: flex;
    	flex-direction: column;
		justify-content:space-between;
		ul{
		display: flex;
    	flex-direction: row;
    	justify-content:space-between;
   		align-items: center;
   		text-align: center;
   		.li1{
   			background: url(img/ke1.png)left no-repeat;
   			.px2rem(padding-top,40);
   			.px2rem(padding-bottom,40);
   			.px2rem(padding-left,100);
   		}
   		.li2{
   			background: url(img/ke2.png)left no-repeat;
   			.px2rem(padding-top,40);
   			.px2rem(padding-bottom,40);
   			.px2rem(padding-left,100);
   		}
   		li{
   			flex:1;
   		}

		}
		.h2{
   			.px2rem(padding-left,150);
   			span{
   				color:blue;
   				.px2rem(padding-right,20);
   			}
   		}
    }
    .div10{
    	.px2rem(height,360);
    	display: flex;
    	flex-direction: column;
		justify-content:space-between;
   		ul{

   		.px2rem(padding,20);
   		display: flex;
   		flex-direction:row;
		justify-content:space-between;
   		align-items: center;
   		text-align: center;
   		}
   		h2 span{
   			color:green;
   			.px2rem(padding,20);
   		}
   		h5{
   			.px2rem(height,40);
   			.px2rem(margin-top,35);
   			.px2rem(font-size,40);
   			color:#ccc;
   			.p1{
   				background: url(img/liuyan.png)left no-repeat;
   				.px2rem(padding-left,100);
   				.px2rem(padding-top,30);
   				.px2rem(padding-bottom,30);
   			}
   			.p2{
   				background: url(img/xie.png)left no-repeat;
   				.px2rem(padding-left,100);
   				.px2rem(padding-top,30);
   				.px2rem(padding-bottom,30);
   			}
   		}
    }
    .div9{
    	.px2rem(height,460);
    	.px2rem(padding,15);
    	display: flex;
    	flex-direction: column;
		justify-content:space-between;
   		
   		ul{
   		
   		// .px2rem(height,100);
   		display: flex;
   		flex-direction:row;
		justify-content:space-between;
   		align-items: center;
   		text-align: center;
   		.li1{
			color:#ccc;
   			.px2rem(padding-left,40);
   			.px2rem(padding-top,30);
   			.px2rem(padding-bottom,30);
   			background: url(img/ying.png) left no-repeat;
   		}
   		.li2{
   			color:#ccc;
   			.px2rem(padding-left,40);
   			.px2rem(padding-top,30);
   			.px2rem(padding-bottom,30);
   			background: url(img/sun.png) left no-repeat;
   		}
   		li{
   			flex:1;
   			h5{
   				color:green;
   			}
   			h3{
   				color:red;
   			}
   		}
   		}
    }
    .div8{
   		.px2rem(height,90);
   		border-bottom:1px solid #ccc;
   		display: flex;
   		// background: #ccc;
   		flex-direction: row;
		justify-content:space-between;
   		align-items: center;
   		text-align: center;
   		h3{
   			flex:1;
   			.px2rem(font-size,30);
   			text-align: left;
   			.px2rem(padding-left,15);
   		}
   		h4{
   			flex:1;
   			color:#ccc;
   			.px2rem(font-size,24);
   			text-align: right;
   			.px2rem(padding-right,15);
   			span{
   			.px2rem(font-size,30);
   			}
   		}
   	}
    .div7{
    	.px2rem(height,90);
    	ul{
    	.px2rem(height,90);
    	display: flex;
   		background: #ccc;
   		flex-direction: row;
		justify-content:space-between;
   		align-items: center;
   		text-align: center;
   		li{
   			.px2rem(height,90);
   			.px2rem(line-height,90);
   			flex:1;
   			.h22{
   				border-bottom:2px solid blue;
   			}
   		}

   	}
    }
    .div6{
    	.px2rem(height,200);
		.px2rem(line-height,65);
    	.px2rem(padding,40);
    	ul{

    	display: flex;
   		// background: #ccc;
   		flex-direction: row;
		justify-content:space-between;
   		align-items: center;
   		text-align: center;
   		li{
   			flex:1;
   			h2{
   				.px2rem(font-size,36);
   				color:red;
   			}
   			p{
   				color:#ccc;
   			}
   		}
   	}
    }
   	.div5{
   		.px2rem(height,90);
   		display: flex;
   		background: #ccc;
   		flex-direction: row;
		justify-content:space-between;
   		align-items: center;
   		text-align: center;
   		h3{
   			flex:1;
   			.px2rem(font-size,30);
   			text-align: left;
   			.px2rem(padding-left,15);
   		}
   		h4{
   			flex:1;
   			color:#f2f2f2;
   			.px2rem(font-size,24);
   			text-align: right;
   			.px2rem(padding-right,15);
   			span{
   				.px2rem(font-size,30);
   			}
   		}
   	}
	.div4{
		.px2rem(height,180);
		display: flex;
		.px2rem(margin,30);
		flex-direction: column;
		justify-content:center;
   		align-items: center;
   		text-align: center;
   		h2{
   		background: #fb5049;
   		.px2rem(border-radius,8);
		.px2rem(width,380);
		color:#fff;
		.px2rem(height,	70);
		.px2rem(line-height,70);


   		}
   		p{
   			color:#ccc;
   			display: block;
   			.px2rem(margin,30);
   			.px2rem(height,30);
   			.px2rem(line-height,30);

   			.pp1{
   				.px2rem(padding-left,30);
   				.px2rem(padding-right,30);
   				border-right: 1px solid red;
   				background: url(img/left1.png) left no-repeat;
   			}
   			.pp2{
   				.px2rem(padding-left,30);
   				
   				
   				background: url(img/right1.png) left no-repeat;
   			}
   		}
	}
  
    
}
.div{
	color:#fff;
	width: 100%;
	display: flex;
    .px2rem(height,552);
    background: #fa6254;
   	flex-direction: column;
   	.div3 ul{
		display: flex;	
   		flex-direction: row;
   		justify-content:center;
   		align-items: center;
   		text-align: center;
   		li{
   			flex:1;
   			border-left: 2px solid #fff;
   		}
   		li:first-child{
   			border: none;
   		}
   	}
   	.div2{
   		display: flex;	
   		flex-direction: column;
   		justify-content:center;
   		align-items: center;
   		p{
   			.px2rem(margin,20);
   		}
   		.img2{

   			.px2rem(width,133);
   			.px2rem(margin,40);
   			.px2rem(height,124);
   		}
   }
   	.img1{ 
   		width: 100%;
   		.px2rem(height,52);
   		background: #ccc;
   	}
    
	.div1{
	display: flex;
	width: 100%;
	// flex-direction: row;
	.px2rem(height,60);
	justify-content:center;
    align-items: center;
    justify-content: space-between;
    text-align: center;
		.sp1{
		flex:1;
		.px2rem(font-size,30);
	}
	h3{
		flex:1;
		.px2rem(font-size,30);
	}
	.sp2{
		flex: 1;
		.px2rem(font-size,30);
	}
}
}